<template>
    <section>
        <div class="operation-header-icon" @click="getUrl()">
            <img src="../assets/icon-left.png" class="operation-header-icon-img" />
        </div>
        <div class="operation-header">
            <div>{{title}}</div>
        </div>
        <div class="operation-header-right" @click="add()">添加</div>
        <div class="operation-header-div"></div>
    </section>

</template>

<script>
export default {
  props: {
    title: String,
    flag: Boolean
  },
  data () {
    return {
      checked: true
    }
  },
  methods: {
    getUrl () {
      this.$router.go(-1)
    },
    flagChang () {
      this.$emit('flagChang')
    },
    add () {
      this.$router.push({path: '/laboratory/addTesting'})
    }
  }
}
</script>

<style scoped>
    .operation-header-div{
        height: 110px;
	    	background: #fff;
    }
    .operation-header{
        background: #fff;
        color: #202020;
        font-size: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 690px;
        height: 110px;
        padding-left: 30px;
        padding-right: 30px;
        z-index: 998;
    }
    .operation-header-icon{
        position: fixed;
        z-index: 999;
        left: 32px;
        width:20px;
        height:35px;
    }
    .operation-header-icon-img{
        width:20px;
        height:35px;
    }
    .operation-header-right{
        height: 110px;
        position: fixed;
        right: 30px;
        display: flex;
        align-items: center;
        font-size: 28px;
        color: #7575;
    }
</style>
